import { createApp } from 'vue';
import './style.css';
import App from './App.vue';
import router from './router';
import { createPinia } from 'pinia';
import store from './store';

// 在 element-plus scss 文件之前导入element/index.scss以避免 sass 混合变量的问题，因为我们需要通过你的自定义变量生成 light-x。
// import 'element-plus/dist/index.css'
// tooltip-auto-show
import tooltipAutoShow from './utils/tooltipAutoShow';
import './styles/element/index.scss';
import ElementPlus from 'element-plus';
import components from './components';
import * as ElementPlusIconsVue from '@element-plus/icons-vue';

const app = createApp(App)
  .use(router)
  .use(createPinia())
  .use(ElementPlus)
  .use(components)
  .use(store)
  // 自定义指令
  .directive('tooltip-auto-show', tooltipAutoShow);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}
app.mount('#app');
